<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>搜索结果</title>

		<link rel="stylesheet" type="text/css" href="../css/aui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<style>
            #header {
                background-color: #6ac82c;
                height: 45px;
                color: #fff;
                padding: 7px 20px;
                margin: 0;
            }
            #header input{
                display: block;
                padding: 0 15px;
                margin: 0;
                outline: none;
                border: none;
                background: #fff;
                width: 100%;
                height: 30px;
                border-radius: 40px;
                font-size: 16px;
                color: #666;
                line-height: normal;
            }
			.list-view {
				display: -webkit-box;
				display: box;
				padding: 5px;
			}
			.list-view li {
				-webkit-box-flex: 1;
				box-flex: 1;
				margin: 0 5px;
				border: 1px solid #dfdfdf;
				padding: 5px;
			}
			.list-view li img {
				width: 100%;
			}
			.list-view li p {
				color: #333;
				font-size: 14px;
			}
			.list-view li span {
				color: #ff4040;
				font-size: 16px;
			}
			.top-div {
				height: 5px;
			}
		</style>
	</head>
	<body>
    <header id="header">
        <input type="text" placeholder="搜索" maxlength="20"/>
    </header>
		<div class="top-div"></div>
		<ul class="list-view">
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
		<ul class="list-view">
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img2.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript">
	</script>
</html>